<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<script type="text/javascript">
<!--
    function clearDefaul(el) {
        if (el.defaultValue == el.value) el.value = "";
    }
    function returnDefault(el) {
        if (el.value == "") el.value = el.defaultValue;
    }
    // -->

    $(document).ready(function() {
        var i = 0;
        var t = $('.slice-mid-content ul').width() - 1160;
        var k = 0;
        setInterval(function() {
            if (i < t && k == 0) {
                next();
                return false;
            }
            if (i > t) {
                k = 1;
            }
            if (k == 1) {
                prev();
            }
            if (i == 0) {
                k = 0;
            }
        }, 6000);

        function next() {
            if (i < t) {
                i = i + 234;
                $('.slice-mid-content ul').animate({ left: -i }, 400);
            }
        }


        function prev() {
            if (i >= 234) {
                i = i - 234;
                $('.slice-mid-content ul').animate({ left: -i }, 400);
            }
        }

        $('.bt-prev').click(function() {
            next();
        });

        $('.bt-next').click(function() {
            prev();
        });


    });			
</script>

<body>
    <div class="swaper">
        <div class="header">
            <div class="header-content">
                <a class="logo" href="http://lienminhevents.com">
                    <img src="images/logo.png" /></a> [login]
                <div class="navigation">
                    <ul>
                        <li id="li-first"></li>
                        <li>[nav]</li>
                        <li id="li-last"></li>
                    </ul>
                </div>
            </div>
            <!--end header-content-->
        </div>
        <!--end header-->
        [contentpane]
        <div class="slice">
            <div class="slice-content">
                <a class="bt-prev" href="#"></a>
                <div class="slice-mid-content" runat="server" id="slidepane">
                </div>
                <a class="bt-next" href="#"></a>
            </div>
            <!--end slice-content-->
        </div>
        <!--end slice-->
        <div class="mid">
            <div class="mid-welcome" runat="server" id="welcomepane">
            </div>
            <div class="mid-content">
                <div class="top-mid-content">
                </div>
                <div class="primary-mid-content">
                    <div class="primary-mid-content-left" runat="server" id="midcontenltpane">
                    </div>
                    <!--end photo-->
                    <div class="primary-mid-content-right">
                        <div class="search-photos">
                            <p class="search-photos-tis">
                                Search Photos</p>
                            <input type="text" class="txt-search-photos" value="Enter keyword..." onfocus="clearDefaul(this)"
                                onblur="returnDefault(this)" />
                            <a href="" class="bt-search-photos"></a>
                            <p class="clear">
                            </p>
                        </div>
                        <div class="line">
                        </div>
                        <div class="production" runat="server" id="_righttoppane">
                        </div>
                        <div class="line">
                        </div>
                        <div class="contact" runat="server" id="_leftbottompane">
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="bottom-mid-content">
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">
        <div class="footer-content" id="footerpane" runat="server">
        </div>
    </div>
</body>
</html>
